// 表格页共有样式表
.m-10 {
  margin-right:10px;
}
.table-top {
  margin-bottom:10px;
  .ivu-card-body {
    padding:0;
  }
  .searchGroup {
    padding:16px;
    .ivu-input-group-prepend,
    .ivu-input.ivu-input-default,
    .ivu-form-item {
      margin: 0 !important;
    }
    .ivu-form.ivu-form-inline {
      .ivu-form-item {
        display: inline-block;
      }
    }
    .ivu-form-item-error-tip {
      left: auto;
      width: 60px;
      top: 0;
      right: 25px;
      text-align: right;
      line-height: 22px;
    }
    .ivu-col-span-11 {
      width: auto;
    }
    .searchMore {
      margin-top:10px;
      .ivu-input-group-prepend,
      .ivu-input.ivu-input-default,
      .ivu-select-selection{
        width:160px!important;
      }
      .ivu-form-item-error-tip {
        left: auto;
        right:25px;
        width: 60px;
      }
      .ivu-input-wrapper,
      .ivu-select-selection {
        margin-left: 0;
        height: 34px;
        line-height: 34px;
        border-radius: 0;
        border-left:none;
      }
      .ivu-form-item {
        margin-bottom:10px !important;
        margin-right:0;
        width:auto;
        &:first-child {
          .ivu-form-item-content {
            span.tag {
              border-left: 1px solid #dcdee2;
              border-top-left-radius: 4px;
              border-bottom-left-radius: 4px;
            }
          }
        }
        &:last-child {
          margin-bottom:0 !important;
          .ivu-form-item-content {
            .ivu-input {
              border-top-right-radius: 4px;
              border-bottom-right-radius: 4px;
            }
          }
        }
        &:nth-child(5) {
          .ivu-form-item-content {
            span.tag {
              border-left: 1px solid #dcdee2;
              border-top-left-radius: 4px;
              border-bottom-left-radius: 4px;
            }
            .ivu-input {
              border-top-right-radius: 4px;
              border-bottom-right-radius: 4px;
            }
          }
        }
        &:nth-child(4), &:nth-child(8) {
          .ivu-select-selection {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
          }
        }
      }
      .ivu-form-item-content {
        display: flex;
        align-items: center;
      }
      .ivu-input {
        height: 34px;
        // border-top-left-radius: 0;
        // border-bottom-left-radius: 0;
        border-left: none;
        border-radius: 0;
      }
      span.tag {
        display: inline-block;
        width: 120px;
        text-align: right;
        background: #f3f3f3;
        padding: 0 10px;
        border: 1px solid #dcdee2;
        border-radius: 4px;
        border-radius: 0;
        border-left: none;
        text-align: center;
      }
      .custom-width {
        .ivu-input-icon {
          margin-right:10px;
        }
      }
      .custom-width.ivu-select {
        width:auto;
      }
    }
    .simpleSearch {
      .ivu-select-selection {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background: #f3f3f3;
      }
      .ivu-input.ivu-input-default {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-left: 0;
        width: 100% !important;
      }
      .ivu-form-item:first-child {
        .ivu-select-item {
          text-align: center;
        }
        .ivu-input-wrapper-default {
          width: 160px;
          text-align: center;
        }
        .ivu-select-default {
          .ivu-select-selection {
            width: 160px;
            text-align: center;
          }
        }
        .ivu-input-number-default {
          width: 160px;
          text-align: center;
        }
      }
      .ivu-form-item:last-child {
        width: 300px;
      }
      
      .custom-width {
        width: 100% !important;
        .ivu-input-wrapper-default {
          width: 300px;
        }
        .ivu-select-default {
          .ivu-select-selection {
            width: 300px;
          }
        }
        .ivu-input-number-default {
          width: 300px;
        }
        .ivu-select-selection {
          border-radius:0;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
          text-align: left;
          border-left:0;
          background:#fff;
        }
        .ivu-select-input,
        .ivu-select-selected-value {
          height: 30px;
          background: #fff;
          border-top-right-radius: 4px;
          border-bottom-right-radius: 4px;
        }
        .ivu-select-input[disabled] {
          background: #f3f3f3 !important;
        }
        .ivu-select-dropdown {
          text-align: left;
        }
      }
      .custom-width.ivu-select-disabled {
        .ivu-select-selection {
          background: #f3f3f3 !important;
        }
      }
    }
  }
  .table-title {
    height: 44px;
    line-height: 44px;
    padding: 0 16px;
    border-bottom: 1px solid #dcdee2;
    font-size: 16px;
    color: #17233d;
    font-weight: bold;
    .table-btn {
      float:right;
      button {
        margin:-4px 5px 0 5px;
      }
    }
  }
}
  
.tabelFooter {
  padding: 15px 0 0 0;
  display: flex;
  justify-content: space-between !important;
  .footerBtn button {
    margin-right:10px;
    width: 120px;
  }
}

.ivu-card {
  .ivu-card-body {
    padding:0;
  }
}

.sub-table-title {
  height: 44px;
  line-height: 44px;
  padding: 0 16px;
  border: 1px solid #dcdee2;
  border-bottom:none;
  background:#fff;
  font-size: 14px;
  color: #17233d;
  font-weight: bold;
  .table-btn {
    float:right;
    button {
      margin:-2px 5px 0 5px;
    }
  }
}

// 分页
.ivu-page.mini {
  .ivu-page-total {
      font-size:12px;
  }
  .ivu-page-item {
    font-size:12px;
  }
}
.ivu-page.mini .ivu-page-options-elevator input {
    min-width: 64px;
}
.ivu-page-prev {
  background-color: #f6f7f7;
  border: 1px solid #e6e6e6 !important;
  // line-height:22px;
}
.ivu-page-next {
  background-color: #ffffff;
  border: 1px solid #e6e6e6 !important;
  // line-height:22px;
}
.ivu-page-item-active {
  background:#1d75fa;
  a {
    color:#fff;
    &:hover {
      color:#fff;
    }
  }
}

.ivu-modal-confirm-footer {
    .ivu-btn-text {
      border:1px solid #ddd;
    }
  }
  .ivu-table-cell-ellipsis {
    height:18px;
  }

.titleIcon {
  margin-right:5px;
  vertical-align: text-top;
}
.ivu-input-suffix {
  cursor: pointer;
  i.ivu-icon-md-eye {
    color: #2489f3;
  }
}


textarea {
  resize: none;
}
textarea.ivu-input {
  font-size: 14px;
}
.ivu-table-wrapper {
  // border: 1px solid #ddd;
  border-right: none;
  overflow: inherit;
}

@media screen and (min-width: 1680px) and (max-width: 1920px) {
  // .home .cardBox .ivu-card {
  //   width: 500px;
  // }
}

@media screen and (min-width: 1440px) and (max-width: 1680px) {
  // .table-top {
  //   .searchGroup {
  //     .searchMore {
  //       .ivu-select-selection{
  //         width: 180px!important;
  //       }
  //     }
  //   }
  // }
}